$prefix-cls: 'reserve-select';
.#{$prefix-cls}{

  &__head{
    height: 100px;
    position: relative;
  }
  &__head-title{
    font-size: 32px;
  }
  &__head-close{
    color: #999;
    right: 0;
    width: 100px;
    height: 100px;
    position: absolute;
    font-size: 42px;
  }


  &__body{
    height: 800px;
    display: flex;
  }

  &__date-list{
    width: 200px;
    height: 100%;
    background: #F3F3F3;
  }
  &__date-item{
    color: #999;
    height: 100px;
  }
  &__date-active{
    color: #333;
    background: #fff;
  }

  &__time-list{
    flex: 1;
    height: 100%;
    background: #fff;
    padding-left: $page_margin;
  }
  &__time-item{
    height: 100px;
    position: relative;
  }
  &__time-icon{
    top: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    position: absolute;
    font-size: 36px;
  }
  &__time-active{
    color: $app-reserve-check;
  }
}

//::-webkit-scrollbar {
//  width:0;
//  height:0;
//  color:transparent;
//}